<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>结算</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body class="count">

<div class="header">
    <span class="s1">亲，请登录</span>
    <span>免费注册</span>
    <ul class="nav clearfix">
        <li><a href="index.html"> 商城首页</a></li>
        <li><a href="information.html"><img src="./img/count/个人中心.png" width="11" height="12"/>个人中心</a></li>
        <li><a href="cart.html"><img src="./img/count/购物车.png" width="13" height="11"/>购物车</a></li>
        <li><a href="collection.html"><img src="./img/count/收藏夹.png" width="14" height="12"/></a>收藏夹</li>
    </ul>
</div>
<div class="botter">
    <div class="logo">
        <img src="./img/count/logo1.png" width="166" height="87"/>
        <div  contenteditable="true" class="t" >搜索</div>
        <a href="search.html"> <input type="button" class="btn" value="搜索" /></a>
    </div>

    <div class="address-add ">
        <li>确定收货地址</li>
        <li>使用新地址</li>
        <div id="all-address">
            <div id="tt"></div><div id="ttt"></div>
            <div class="add" >
                <span class="moren">设置为默认地址</span>
                <img src="./img/count/pic1.png"  id="pic1" width="222" height="3"/>
                <div id="d2" class="d2">
                    <div id="name">艾迪 </div>
                    <div id="num">158888888</div>
                    <div id="ress">收货地址: 湖北省 武汉市 洪雄楚大道666号中国财经大学）</div>
                </div>
                <div id="d3" class="d3">
                    <span class="s2">编辑</span>
                    <img src="./img/count/pic4.png" id="pic4" width="2" height="13"/>
                    <span class="s3">删除</span>
                </div>
                <img src="./img/count/pic1.png" id="pic2"  width="222" height="3"/>
                <div id="pic3" class="p1">√</div>
                <div id="d1" class="p2">默认地址</div>
            </div>
            <div class="add" >
                <p class="moren">设置为默认地址</p>
                <img src="./img/count/pic1.png"  id="pic1" width="222" height="3"/>
                <div id="d2" class="d2">
                    <div id="name">艾迪 </div>
                    <div id="num">157777777</div>
                    <div id="ress">收货地址: 湖北省 武汉市 洪山区 东湖路75号环众大厦9栋9楼999号（中国财经大学)</div>
                </div>
                <div id="d3" class="d3">
                    <span class="s2">编辑</span>
                    <img src="./img/count/pic4.png" id="pic4" width="2" height="13"/>
                    <span class="s3">删除</span>
                </div>
                <img src="./img/count/pic1.png" id="pic2"  width="222" height="3"/>
                <div id="pic3" class="p1">√</div>
                <div id="d1" class="p2">默认地址</div>
            </div>

        </div>

    </div>

    <div class="log">
        <p>选择物流方式</p>
        <div class="log-pic">
            <img src="./img/count/log1.png" id="pic5" width="36" height="36"/>
            <span>圆通</span>
        </div>
        <div class="log-pic">
            <img src="./img/count/log2.png" id="pic5" width="36" height="36"/>
            <span>申通</span>
        </div>
        <div class="log-pic">
            <img src="./img/count/log3.png" id="pic5" width="36" height="36"/>
            <span>韵达</span>
        </div>
        <div class="log-pic">
            <img src="./img/count/log4.png" id="pic5" width="36" height="36"/>
            <span>中通</span>
        </div>
        <div class="log-pic">
            <img src="./img/count/log5.png" id="pic5" width="36" height="36"/>
            <span>顺丰</span>
        </div>
    </div>

    <div class="pay-pp">
        <p>选择支付方式</p>
        <div class="pay-pic">
            <img src="./img/count/银联.png" />
            <span>银联</span>
        </div>
        <div class="pay-pic">
            <img src="./img/count/微信.png  " />
            <span>微信</span>
        </div>
        <div class="pay-pic">
            <img src="./img/count/支付宝.png" />
            <span>支付宝</span>
        </div>
    </div>

    <div class="order-pp">
        <p>确认订单信息</p>
        <div id="d4">
            <span id="s1">商品信息</span>
            <span id="s2">单价</span>
            <span id="s3">数量</span>
            <span id="s4">金额</span>
            <span id="s5">配送方式</span>
        </div>
        <div id="d5-pp" class="js1">
                <div id="d11">
                    <img src="./img/count/商品2.png" width="71" height="72"/>
                </div>
                <span id="p1">美康粉黛醉美唇膏 持久保湿滋润防水不褪色</span>
                <span id="p2">颜色：10#蜜橘色+17#樱花粉 包装：两支手袋装（送彩带）</span>
                <div id="d12">39.00</div>
                <div  id="btn1-pp" class="num1-count">-</div>
                <!-- <input type="button"  value="-"/>-->
                <div id="d13">3</div>
                <div  id="btn2-pp" class="num1-count">+</div>
                <!--<input type="button" class="num2-count" value="+"/> -->
                <div id="d14">117.00</div>
                <div id="d16">快递10元</div>
            </a>
        </div>
        <div id="d5-pp" class="js1">
                <div id="d11">
                    <img src="./img/count/商品2.png" width="71" height="72"/>
                </div>
                <span id="p1">美康粉黛醉美唇膏 持久保湿滋润防水不褪色</span>
                <span id="p2">颜色：10#蜜橘色+17#樱花粉 包装：两支手袋装（送彩带）</span>
                <div id="d12">39.00</div>
                <div id="btn1-pp" class="num2-count">-</div>
               <!-- <input type="button"  value="-"/>-->
                <div id="d13">3</div>
                <div id="btn2-pp" class="num2-count">+</div>
                <!--<input type="button" class="num2-count" value="+"/> -->
                <div id="d14">117.00</div>
                <div id="d16">包邮</div>
            </a>
        </div>
        <div id="d6">
            <span>买家留言：</span>
            <input id="b5" placeholder="选填，建议填写和卖家达成一致的说明">
            <span id="s6">优惠券</span>
            <ul id="ul1">
                <li>￥5优惠券（全场商品）</li>
                <li>￥20优惠券（部分商品，能叠加）</li>
                <li>￥30优惠券（部分商品，不能叠加）</li>
                <li>￥50优惠券（满299使用）</li>
            </ul>
            <div id="b1">￥5优惠券（全场商品）</div>
            <input  type="button" value="∨" id="b3"/>
            <span id="s7">红包</span>
            <ul id="ul2">
                <li>￥3红包（全场商品）</li>
                <li>￥5红包（部分商品，能叠加）</li>
                <li>￥10红包（部分商品，不能叠加）</li>
                <li>￥15红包（满299使用）</li>
            </ul>
            <div id="b2">￥3红包（全场商品）</div>
            <input  type="button" value="∨" id="b4"/>
        </div>
        <p id="d7">合计（含运费）：<span class="pice-pp" id="pice1" name="abc">￥244.00</span></p>

        <div id="d8">
            <div id="p3">实付款：<span id="s8" class="pice-pp">￥244.00</span></div>
            <div id="p4"><span class=""pice-pp">收货地址：湖北省 武汉市 洪山区 雄楚大道666号(中国财经政法大学）</span></div>
            <div id="p5">收货人：<span class=""pice-pp">艾迪 15871145629</span></div>
        </div>
       <!-- <li id="d9"><a href="pay_m.html?id=pice1 >提交订单</a></li>-->
        <li id="d9">提交订单</li>
    </div>
</div>

<div class="footer-count">
    <div class="f1-line"></div>
    <div class="cen">
        <a href="#">WESHOP</a><span>|</span>
        <a href="#">商城首页</a><span>|</span>
        <a href="#">支付宝</a><span>|</span>
        <a href="#">物流</a>
    </div>
    <div class="f-line"></div>
    <ul class="nav1 clearfix">
        <li>关于我们</li>
        <li>合作伙伴</li>
        <li>联系我们</li>
        <li>网站地图</li>
    </ul>
</div>

<div class="newadd">
    <div id="p1">新增地址<span>/Add address</span></div>
    <div id="p2"></div>

    <div class="p3">收货人 <input type="text"  class="t1" placeholder="收货人"/></div>
    <div class="p3">手机号码 <input type="text" class="t1" placeholder="手机号必填"/></div>
    <div class="p3">
        <span id="s1">所在地</span>
        <select  id="t2">
            <option value="1">陕西省</option>
        </select>
        <select id="t3">
            <option value="1">西安市</option>
            <option value="1">咸阳市</option>
            <option value="1">宝鸡市</option>
            <option value="1">安康市</option>
        </select>
        <select id="t4">
            <option value="1">临潼区</option>
            <option value="1">长安区</option>
            <option value="1">未央区</option>
            <option value="1">雁塔区</option>
        </select>

    </div>
    <div class="p3"><span id="s2">详细地址</span><textarea class="p7" id="textear1" placeholder="输入详细地址"></textarea> </div>
    <p id="p6">100字以内写出你的详细地址...</p>
    <input class="p5" type="button" value="保存">
    <input class="p5" type="button" value="取消">
</div>
<div class="newadd" id="change-add">
    <div id="p1">修改地址<span>/Change address</span></div>
    <div id="p2"></div>
    <div class="p3">收货人 <input type="text"  class="t1" placeholder="收货人"/></div>
    <div class="p3">手机号码 <input type="text" class="t1" placeholder="手机号必填"/></div>
    <div class="p3"> <span id="s1">所在地</span>
        <select id="t5">
            <option value="1">陕西省</option>
        </select>
        <select id="t6">
            <option value="1">西安市</option>
            <option value="1">咸阳市</option>
            <option value="1">宝鸡市</option>
            <option value="1">安康市</option>
        </select>
        <select id="t7">
            <option value="1">临潼区</option>
            <option value="1">长安区</option>
            <option value="1">未央区</option>
            <option value="1">雁塔区</option>
        </select>

    </div>
    <div class="p3"><span id="s2">详细地址</span><textarea  runat="server"  id="textear2" placeholder="输入详细地址"></textarea> </div>
    <p id="p6">100字以内写出你的详细地址...</p>
    <input class="p5" type="button" value="确定">
    <input class="p5" type="button" value="取消">
</div>
<div id="warning">
    <div>!</div>
    <span>警告</span>
    <li>请填写完整信息！</li>
</div>

    <script src="js/lib/jquery.min.js"></script>
    <script src="js/count.js"></script>

</body>

</html>